<template>
  <div class="active-details">
    <div class="container">
      <!-- <build-el-h1></build-el-h1> -->
      <div class="my-title">奖项介绍</div>
      <div class="flex-al al-start">
        <img
          style="max-width: 100%;margin-bottom: 20px;"
          v-if="details.contestFileId == 1"
          :src="details.contestVideoUrl"
          alt
        />
        <build-el-video v-else :src="details.contestVideoUrl" :poster="home.data.poster"></build-el-video>
        <div class="fwb info" v-html="details.contestText"></div>
      </div>
    </div>
  </div>
</template>
<script>
import buildElH1 from "../build-el-h1";
import buildElVideo from "../build-el-video";
import JSONData from "@/assets/JSON";
export default {
  components: {
    buildElH1,
    buildElVideo
  },
  data() {
    return {
      ...JSONData,
      details: {}
    };
  },
  async mounted() {
    let res = await this.api.findDownloadFile({ customizeId: 3 });
    this.details = res;
  }
};
</script>
<style lang="less" scoped>
.active-details {
  width: 100%;
}
.container {
  .info {
    width: 100%;
    opacity: 0.9;
    font-size: 16px;
    color: #333333;
    letter-spacing: 0;
    line-height: 30px;
  }
}
</style>
